import React,{Component} from 'react';
import{View,Image,StyleSheet} from 'react-native'
import {List,InputItem,WhiteSpace,Button} from '@ant-design/react-native'
class Register extends Component{
    constructor(props){
        super(props);
    }
    render(){
        return(
            <View>
            <View style={styles.container}>
                 <Image source={require('../../../res/images/touxiang.jpg')} style={{borderRadius:50,width:60,height:60,marginTop:50,marginBottom:35,justifyContent:'center'}}></Image>
            </View>
                <List>
                <InputItem
                    defaultValue=""
                    clear
                    placeholder=""
                    autoFocus={
                    typeof jest ===
                    'undefined'
                    }
          >
            用户名
          </InputItem>
          <InputItem
                    defaultValue=""
                    clear
                    placeholder=""
                    autoFocus={
                    typeof jest ===
                    'undefined'
                    }
          >
            联系方式
          </InputItem>
          <InputItem
                    defaultValue=""
                    clear
                    placeholder=""
                    autoFocus={
                    typeof jest ===
                    'undefined'
                    }
                    type='email-address'
          >
            邮箱
          </InputItem>
          <InputItem
                    defaultValue=""
                    clear
                    placeholder=""
                    autoFocus={
                    typeof jest ===
                    'undefined'
                    }
          >
            密码
          </InputItem>
          <InputItem
                    defaultValue="xx"
                    clear
                    placeholder=""
                    autoFocus={
                    typeof jest ===
                    'undefined'
                    }
          >
            重复密码
          </InputItem>
                </List>
                <WhiteSpace />
                <Button type="primary">注册</Button>
            
            </View>
        )
    }
}
const styles = StyleSheet.create({
    container: {
     
      justifyContent: 'center',
      alignItems: 'center',
    },
    touxiang:{
      flex:1,
      justifyContent:'center'
    }
    
  });
export default Register;